@zonos/elements 1.3.90 → 1.3.92

package/dist/cjs/{cart-e15290ab.js → cart-d456e0b8.js}

@@ -8111,11 +8111,23 @@ const getLocaleMessages = async ({ countryCode, localeTo, storeId, }) => {
     return json.locale_countryCodesPage;
 };
 
+const validateCountryCode = (countryCode) => {
+    // Check that the country is two characters and is upper case
+    if (countryCode && /^[A-Z]{2}$/.test(countryCode)) {
+        return countryCode;
+    }
+    return null;
+};
 const getZCountryUrlParam = (urlParams) => {
     const urlSearchParams = new URLSearchParams(urlParams || window.location.search);
-    const zCountry = urlSearchParams.get('zCountry');
+    const getCountryParam = (param) => {
+        const country = urlSearchParams.get(param);
+        // Check that the country is two characters and is upper case
+        return validateCountryCode(country);
+    };
+    const zCountry = getCountryParam('zCountry');
     // Fallback to legacy 'country'
-    const fallback = urlSearchParams.get('country');
+    const fallback = getCountryParam('country');
     return zCountry || fallback;
 };
 
@@ -9826,7 +9838,7 @@ const cartStoreSetCheckoutSession = (checkoutSession) => {
         cartStore.externalConfirmationPageURL = externalConfirmationPageURL;
     }
 };
-const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency, dutiesTaxesFeesEstimate, itemsAmount, landedCostId, }) => {
+const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency, dutiesTaxesFeesEstimate, itemsAmount, landedCostId, shouldInitSessionOnFailure, }) => {
     var _a;
     if (landedCostId && cartStore.selectedLandedCost) {
         // update cart total right away if we have landed cost id to avoid order total flickering
@@ -9840,7 +9852,7 @@ const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency,
     }
     // update checkout session
     if (!cartStore.checkoutSessionId) {
-        handleFetch.logError('Could not update cart total without checkout session id');
+        handleFetch.log('Could not update cart total without checkout session id', 'info');
         return false;
     }
     const { errors, json } = await stripeStoreUpdateCheckoutSession({
@@ -9854,13 +9866,16 @@ const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency,
     });
     if (errors.length > 0 || !json) {
         // do nothing if we can't get checkout session
-        handleFetch.logError('Error occurs when updating checkout session');
-        cartStoreUpdateToErrorState({
-            messages: [
-                translate("There's been an error updating your checkout session. Please reload and try again or contact support if the error persists"),
-            ],
-            title: translate('Error updating Checkout'),
-        });
+        handleFetch.logError('Error occurs when updating checkout session.');
+        if (shouldInitSessionOnFailure) {
+            handleFetch.log('Initiating checkout session on failure', 'info');
+            const success = await stripeStoreInitCheckoutSession();
+            handleFetch.log(`stripeStoreInitCheckoutSession: ${success}`);
+            if (!success) {
+                return false;
+            }
+            return true;
+        }
         return false;
     }
     if (!landedCostId) {
@@ -9978,6 +9993,8 @@ const cartStoreUpdateItems = async ({ adjustments, cartItems, }) => {
         currency: currency,
         dutiesTaxesFeesEstimate: 0,
         itemsAmount: total,
+        // attempt to init session on failure to update checkout session
+        shouldInitSessionOnFailure: true,
     });
     stripeStore.isFetchingSession = false;
 };

package/dist/cjs/{createCustomEvent-3da45800.js → createCustomEvent-94c259c7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const cart = require('./cart-e15290ab.js');
+const cart = require('./cart-d456e0b8.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 

package/dist/cjs/index.cjs.js

@@ -97,7 +97,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.90.js.zonos.com";
+    const cdnUrl = "https://v1.3.92.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -281,10 +281,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.90.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.90";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.90";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.90";
+const ZONOS_URL = "https://v1.3.92.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.92";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.92";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.92";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -299,7 +299,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1728926225081";
+Zonos.releaseDate = "1728934623320";
 Zonos.isLegacyCheckout = false;
 /**
  * By default, the package will load from npm
@@ -307,7 +307,7 @@ Zonos.isLegacyCheckout = false;
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.90"}`;
+Zonos.version = `v${"1.3.92"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{paypal-47b71e3b.js → paypal-5c5f8d32.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-a4395972.js');
-const cart = require('./cart-e15290ab.js');
+const cart = require('./cart-d456e0b8.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');
 
@@ -448,14 +448,10 @@ const paypalStoreInitButtons = (props) => {
         .filter(Boolean);
     return paypalStore.paypalButtons;
 };
-const paypalStoreHasPaypalEnabled = () => {
-    return !!paypalStore.paypalButtons.length;
-};
 
 exports.isContrastColor = isContrastColor;
 exports.paypalInitScript = paypalInitScript;
 exports.paypalStore = paypalStore;
-exports.paypalStoreHasPaypalEnabled = paypalStoreHasPaypalEnabled;
 exports.paypalStoreInitButtons = paypalStoreInitButtons;
 exports.paypalStoreReset = paypalStoreReset;
 exports.submitGtag = submitGtag;

package/dist/cjs/zonos-address_7.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e15290ab.js');
+const cart = require('./cart-d456e0b8.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 const containsNonLatinChars = require('./containsNonLatinChars-2be5129b.js');

package/dist/cjs/zonos-cart-items_12.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e15290ab.js');
+const cart = require('./cart-d456e0b8.js');
 const classes = require('./classes-b7918f56.js');
-const paypal = require('./paypal-47b71e3b.js');
+const paypal = require('./paypal-5c5f8d32.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const createCustomEvent = require('./createCustomEvent-3da45800.js');
+const createCustomEvent = require('./createCustomEvent-94c259c7.js');
 const getBorderRadius = require('./getBorderRadius-5a64574c.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
@@ -1288,12 +1288,15 @@ const ZonosCheckoutFinish = class {
         };
         // TODO: This method of pulling orders is temporary. Once we have a working event registry system, we will rely on that to tell us when the order is ready to trigger onOrderSuccess
         this.getPullOrder = async (attempts = 0) => {
-            var _a, _b, _c;
+            var _a, _b;
             const { baseUrl, order } = await this.pullOrder();
-            const legacyOrderNumberExist = !!((_c = (_b = (_a = this.order) === null || _a === void 0 ? void 0 : _a.references) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _c === void 0 ? void 0 : _c.value);
-            // legacy customers are still using the old order number so we need to wait for legacy order number to attach to dgs order before redirecting
-            if ((order && attempts >= 5) || legacyOrderNumberExist) {
-                if (!legacyOrderNumberExist) {
+            const { isLegacyCheckout } = window.Zonos;
+            const foundLegacyOrderNumber = !!((_b = (_a = order === null || order === void 0 ? void 0 : order.references) === null || _a === void 0 ? void 0 : _a.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _b === void 0 ? void 0 : _b.value);
+            if ((order && !isLegacyCheckout) ||
+                (!order && attempts >= 5) ||
+                foundLegacyOrderNumber) {
+                if (isLegacyCheckout && !foundLegacyOrderNumber) {
+                    // We pushed this one through without the legacy order number, so we should log this
                     const checkoutSessionId = cart.cartStore.checkoutSessionId;
                     void handleFetch.sendErrorLog({
                         endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order === null || order === void 0 ? void 0 : order.id}`,
@@ -1310,7 +1313,7 @@ const ZonosCheckoutFinish = class {
                 this.order = order;
                 this.handleSuccessBehavior();
             }
-            else if ((!order || !legacyOrderNumberExist) && attempts < 5) {
+            else if ((!order || !foundLegacyOrderNumber) && attempts < 5) {
                 // Wait for 1 second before the next attempt
                 await new Promise(resolve => setTimeout(resolve, 1000));
                 await this.getPullOrder(attempts + 1);
@@ -1446,11 +1449,11 @@ const ZonosCheckoutFinish = class {
         var _a, _b;
         const orderId = ((_a = this.order) === null || _a === void 0 ? void 0 : _a.accountOrderNumber) || getGraphQlShortId((_b = this.order) === null || _b === void 0 ? void 0 : _b.id);
         const isTestMode = createCustomEvent.getIsTestMode();
-        return (index.h(index.Host, { key: '3c6c69c59622b7b2731f9bc6eb1cc8a7f3491572', class: "zonos--checkout-finish zonos--elements", style: {
+        return (index.h(index.Host, { key: '87ced5680c0d1bab551332541d74e8e32fd7ed43', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius.getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (index.h("div", { key: '45ce0e608dca725237abc09295656c8b6471d26c', class: "loading-wrapper" }, index.h("zonos-spinner", { key: 'fd1a193d34ecf41af9bb6eff082c192c6a8d46db' }))), !this.isLoading && (index.h("div", { key: '64f652a419330967f13b9d01a172fcc52f6dfd5b', class: "zonos--finish-details" }, index.h("div", { key: '945cb9e55b418de79921c1995604572e6e009459', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: '241bd7034c5ab5e83e4cedd526a181120a743ad0', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (index.h("div", { key: '959595c1be3f65aa6cd2e00e4398c5bb4df702b6', class: "zonos--order-number" }, "Order #", orderId)), index.h("zonos-text", { key: 'a23dce69391c3abf49eb512e715af454c971977e', textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), index.h("zonos-button", { key: 'ce87734e2d46e8a044bc0ded7a6ed6a4a705685d', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cart.cartStore.step === 'finish' && (index.h("div", { key: 'a46cee8819c83fb76a54dbe049ee2452b7fc150a', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '514fdff77f5aff9f4b9657a0579ab843833af7b0', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: '59630cf7504c1ef9d24854d041b063bbfdc3a1a4', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, this.isLoading && (index.h("div", { key: '8063a0e619af1958afc99e4a9aa8bdfeb3f3f896', class: "loading-wrapper" }, index.h("zonos-spinner", { key: '28d4219090e3c9cb0c8a48fa369ace28f74aa938' }))), !this.isLoading && (index.h("div", { key: '094b79103e3a26e57c0d81a1153682649dce693e', class: "zonos--finish-details" }, index.h("div", { key: 'c3a6fe214d5ac5cd58ec533c75e146e573b5da25', class: "zonos--group" }, this.notificationType === 'success' ? (index.h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (index.h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), index.h("zonos-text", { key: 'c9e1b5c7ed5be8b6adbd00e5b3896e023271976e', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (index.h("div", { key: '8f32ef78f8e584e43988a12bc94f0d52c0348eba', class: "zonos--order-number" }, "Order #", orderId)), index.h("zonos-text", { key: 'b9aebf9fdfc17d141367deb110440272fed7a6d9', textColor: "gray-600" }, this.notificationMessages.map(message => (index.h(index.Fragment, null, message, index.h("br", null))))), index.h("zonos-button", { key: '25fb15e1e2fb08e2911c787060215f8e1d7c33c6', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cart.cartStore.step === 'finish' && (index.h("div", { key: 'd39ae7b5a0889278e0f6a3594ad69dfa0de2159a', class: "zonos--finish-button-wrapper" }, index.h("zonos-button", { key: '09e0dfa830577c1eec035f34342528a73bffe944', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), index.h("zonos-button", { key: 'eedb6a440713fe5f14a05a747284a2703af1a639', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get assetsDirs() { return ["assets"]; }
 };
@@ -1562,12 +1565,8 @@ const ZonosCheckoutPayment = class {
             this.showErrorBanner = !this.handleValidate();
         }
         const isTestMode = createCustomEvent.getIsTestMode();
-        const hasPaypalEnabled = paypal.paypalStoreHasPaypalEnabled();
         const isPaypalTabSelected = ((_a = cart.stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.value.type) === 'external_paypal';
         return (index.h(index.Host, { class: "zonos--checkout-payment zonos--elements" }, index.h("div", { class: "zonos--group" }, index.h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Payment method')), this.showErrorBanner && (index.h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, cart.translate('Missing required fields. Make sure all fields are completed.'))), cart.stripeStore.hasPaymentError && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, cart.translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypal.paypalStore.paypalErrorMessage && (index.h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypal.paypalStore.paypalErrorMessage)), index.h("zonos-payment", null), index.h("div", { class: "zonos--group-btn" }, !isPaypalTabSelected && (index.h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.continueLoading, onClick: () => {
-                if (!hasPaypalEnabled) {
-                    return;
-                }
                 this.continueClickHandler();
             }, size: "lg",
             // use primary type when on mobile mode
@@ -2211,7 +2210,7 @@ const ZonosShipping = class {
             ...this.serviceLevelsDAP,
             ...this.serviceLevelsOther,
         ];
-        const selectedServiceLevel = allServiceLevels.find(item => { var _a; return item.value === ((_a = cart.cartStore.selectedShippingOption) === null || _a === void 0 ? void 0 : _a.id); }) || null;
+        const selectedServiceLevel = allServiceLevels.find(item => { var _a; return item.shipmentRatingId === ((_a = cart.cartStore.selectedShippingOption) === null || _a === void 0 ? void 0 : _a.id); }) || null;
         if (selectedServiceLevel) {
             // keep the selected shipping method
             this.selectedShippingMethod = selectedServiceLevel;
@@ -2239,13 +2238,13 @@ const ZonosShipping = class {
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
         }
-        return (index.h(index.Host, { key: 'e376545666893a373bca1591083a868892804fb1', class: "zonos--shipping zonos--elements" }, index.h("div", { key: 'f8901d3d8fbeb6a285a7a33b9cea940476413c68', class: "zonos--group" }, index.h("zonos-text", { key: '83e02010c5e11647064ebf28468def163dd3395a', class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Delivery options')), this.showErrorBanner && !!allServiceLevels.length && (index.h("zonos-banner", { key: 'e65f0ce2e968612bd7c1efeca8309e69a03a8c65', class: "zonos--error-banner", intent: "error" }, cart.translate('No shipping method selected'))), index.h("zonos-text", { key: 'cdae794614c6879477e96de435d5c4e59f469fe9', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, cart.translate('Shipping method')), !allServiceLevels.length ? (index.h("zonos-banner", { bannerTitle: cart.translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (index.h("div", { class: "zonos--shipping-options-wrapper" }, index.h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
+        return (index.h(index.Host, { key: '9c866cd1545c3a695b449113a8dbe40560e5fe26', class: "zonos--shipping zonos--elements" }, index.h("div", { key: '7d683e7d7b2c3e25758240ac2299eac06b7f4a51', class: "zonos--group" }, index.h("zonos-text", { key: '5710e5185b2628e7793e59251073fdd8cb8cfd2e', class: "zonos--title", type: "semiBoldSubheader" }, cart.translate('Delivery options')), this.showErrorBanner && !!allServiceLevels.length && (index.h("zonos-banner", { key: 'afdd98898cb3305d90bfe06832a0b9f672183b47', class: "zonos--error-banner", intent: "error" }, cart.translate('No shipping method selected'))), index.h("zonos-text", { key: '07543d3f7aec9494311d3cdb38306661d5789f4a', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, cart.translate('Shipping method')), !allServiceLevels.length ? (index.h("zonos-banner", { bannerTitle: cart.translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (index.h("div", { class: "zonos--shipping-options-wrapper" }, index.h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
             !!this.serviceLevelsDAP.length && (index.h("button", { class: classes.classes([
                 'zonos--shipping-options-collapse-trigger',
                 this.collapsedDAPOptions && 'collapsed',
             ]), onClick: () => {
                 this.collapsedDAPOptions = !this.collapsedDAPOptions;
-            } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { type: "label" }, `${cart.translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), index.h("zonos-icon", { content: ChevronUpIcon })))), index.h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, index.h("div", { class: "zonos--dap-wrapper" }, index.h("zonos-banner", { bannerTitle: cart.translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, cart.translate('You may incur additional fees from the shipping carrier by not prepaying.')), index.h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), index.h("div", { key: '2dded1f7168a16ed6432ea0b147b8ec78fd774a6', class: "zonos--group-btn" }, index.h("zonos-button", { key: '54c05db9336209c34a7c7c518bbdf859e97b51f1', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+            } }, index.h("div", { class: "zonos--title-wrapper" }, index.h("zonos-text", { type: "label" }, `${cart.translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), index.h("zonos-icon", { content: ChevronUpIcon })))), index.h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, index.h("div", { class: "zonos--dap-wrapper" }, index.h("zonos-banner", { bannerTitle: cart.translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, cart.translate('You may incur additional fees from the shipping carrier by not prepaying.')), index.h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), index.h("div", { key: '7dc61c1435b40731463279f5824b60cf67e1470d', class: "zonos--group-btn" }, index.h("zonos-button", { key: 'eea4d432ad5cfb7001fcd0c7b795b2ee3ebbbac5', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, cart.translate('Go to payment'))))));
     }

package/dist/cjs/zonos-checkout.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e15290ab.js');
-const paypal = require('./paypal-47b71e3b.js');
+const cart = require('./cart-d456e0b8.js');
+const paypal = require('./paypal-5c5f8d32.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const createCustomEvent = require('./createCustomEvent-3da45800.js');
+const createCustomEvent = require('./createCustomEvent-94c259c7.js');
 const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 const classes = require('./classes-b7918f56.js');
@@ -435,18 +435,25 @@ const ZonosCheckout = class {
      */
     useLegacyQueryParams() {
         const urlParams = new URLSearchParams(window.location.search);
+        const getParam = (param) => {
+            const value = urlParams.get(param);
+            if (!value || value === 'undefined') {
+                return null;
+            }
+            return value;
+        };
         const legacyShippingInfo = {
             country: 
             // fallback to selected country code if country is not provided
-            urlParams.get('country') || cart.localizationStore.selectedCountryCode,
-            customerAddress1: urlParams.get('customerAddress1'),
-            customerAddress2: urlParams.get('customerAddress2'),
-            customerCity: urlParams.get('customerCity'),
-            customerEmail: urlParams.get('customerEmail'),
-            customerName: urlParams.get('customerName'),
-            customerPhone: urlParams.get('customerPhone'),
-            customerState: urlParams.get('customerState'),
-            customerZip: urlParams.get('customerZip'),
+            cart.getZCountryUrlParam(urlParams) || cart.localizationStore.selectedCountryCode,
+            customerAddress1: getParam('customerAddress1'),
+            customerAddress2: getParam('customerAddress2'),
+            customerCity: getParam('customerCity'),
+            customerEmail: getParam('customerEmail'),
+            customerName: getParam('customerName'),
+            customerPhone: getParam('customerPhone'),
+            customerState: getParam('customerState'),
+            customerZip: getParam('customerZip'),
         };
         // if one of the value is null, no need to preset the default address
         if (!legacyShippingInfo.customerAddress1 ||

package/dist/cjs/zonos-controller.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e15290ab.js');
+const cart = require('./cart-d456e0b8.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 require('./isDarkColor-5efc8367.js');

package/dist/cjs/zonos-country-flag.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e15290ab.js');
+const cart = require('./cart-d456e0b8.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
 require('./handleFetch-45e76490.js');

package/dist/cjs/zonos-country-select_4.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e15290ab.js');
+const cart = require('./cart-d456e0b8.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
 const isDarkColor = require('./isDarkColor-5efc8367.js');

package/dist/cjs/zonos-hello-dialog.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e15290ab.js');
+const cart = require('./cart-d456e0b8.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
 const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');

package/dist/cjs/zonos-hello.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
-const cart = require('./cart-e15290ab.js');
+const cart = require('./cart-d456e0b8.js');
 const classes = require('./classes-b7918f56.js');
 const handleFetch = require('./handleFetch-45e76490.js');
 const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');

package/dist/cjs/zonos-language-select_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d56e0a8b.js');
-const cart = require('./cart-e15290ab.js');
+const cart = require('./cart-d456e0b8.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const ILanguage = require('./ILanguage-98b04442.js');
 require('./handleFetch-45e76490.js');

package/dist/cjs/zonos-notification_3.cjs.entry.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-d56e0a8b.js');
 const zonosStore = require('./zonosStore-a4395972.js');
 const classes = require('./classes-b7918f56.js');
-const cart = require('./cart-e15290ab.js');
+const cart = require('./cart-d456e0b8.js');
 const handleFetch = require('./handleFetch-45e76490.js');
-const paypal = require('./paypal-47b71e3b.js');
+const paypal = require('./paypal-5c5f8d32.js');
 require('./isDarkColor-5efc8367.js');
 require('./getBorderRadius-5a64574c.js');
 

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js

@@ -93,12 +93,15 @@ export class ZonosCheckoutFinish {
         };
         // TODO: This method of pulling orders is temporary. Once we have a working event registry system, we will rely on that to tell us when the order is ready to trigger onOrderSuccess
         this.getPullOrder = async (attempts = 0) => {
-            var _a, _b, _c;
+            var _a, _b;
             const { baseUrl, order } = await this.pullOrder();
-            const legacyOrderNumberExist = !!((_c = (_b = (_a = this.order) === null || _a === void 0 ? void 0 : _a.references) === null || _b === void 0 ? void 0 : _b.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _c === void 0 ? void 0 : _c.value);
-            // legacy customers are still using the old order number so we need to wait for legacy order number to attach to dgs order before redirecting
-            if ((order && attempts >= 5) || legacyOrderNumberExist) {
-                if (!legacyOrderNumberExist) {
+            const { isLegacyCheckout } = window.Zonos;
+            const foundLegacyOrderNumber = !!((_b = (_a = order === null || order === void 0 ? void 0 : order.references) === null || _a === void 0 ? void 0 : _a.find(entry => (entry === null || entry === void 0 ? void 0 : entry.key) === 'zonosOrderNumber')) === null || _b === void 0 ? void 0 : _b.value);
+            if ((order && !isLegacyCheckout) ||
+                (!order && attempts >= 5) ||
+                foundLegacyOrderNumber) {
+                if (isLegacyCheckout && !foundLegacyOrderNumber) {
+                    // We pushed this one through without the legacy order number, so we should log this
                     const checkoutSessionId = cartStore.checkoutSessionId;
                     void sendErrorLog({
                         endpoint: `${baseUrl}/api/zonos-elements/get-order?checkoutSessionId=${checkoutSessionId}&orderId=${order === null || order === void 0 ? void 0 : order.id}`,
@@ -115,7 +118,7 @@ export class ZonosCheckoutFinish {
                 this.order = order;
                 this.handleSuccessBehavior();
             }
-            else if ((!order || !legacyOrderNumberExist) && attempts < 5) {
+            else if ((!order || !foundLegacyOrderNumber) && attempts < 5) {
                 // Wait for 1 second before the next attempt
                 await new Promise(resolve => setTimeout(resolve, 1000));
                 await this.getPullOrder(attempts + 1);
@@ -251,11 +254,11 @@ export class ZonosCheckoutFinish {
         var _a, _b;
         const orderId = ((_a = this.order) === null || _a === void 0 ? void 0 : _a.accountOrderNumber) || getGraphQlShortId((_b = this.order) === null || _b === void 0 ? void 0 : _b.id);
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: '3c6c69c59622b7b2731f9bc6eb1cc8a7f3491572', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: '87ced5680c0d1bab551332541d74e8e32fd7ed43', class: "zonos--checkout-finish zonos--elements", style: {
                 '--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, this.isLoading && (h("div", { key: '45ce0e608dca725237abc09295656c8b6471d26c', class: "loading-wrapper" }, h("zonos-spinner", { key: 'fd1a193d34ecf41af9bb6eff082c192c6a8d46db' }))), !this.isLoading && (h("div", { key: '64f652a419330967f13b9d01a172fcc52f6dfd5b', class: "zonos--finish-details" }, h("div", { key: '945cb9e55b418de79921c1995604572e6e009459', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '241bd7034c5ab5e83e4cedd526a181120a743ad0', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: '959595c1be3f65aa6cd2e00e4398c5bb4df702b6', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: 'a23dce69391c3abf49eb512e715af454c971977e', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: 'ce87734e2d46e8a044bc0ded7a6ed6a4a705685d', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: 'a46cee8819c83fb76a54dbe049ee2452b7fc150a', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '514fdff77f5aff9f4b9657a0579ab843833af7b0', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '59630cf7504c1ef9d24854d041b063bbfdc3a1a4', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
+            } }, this.isLoading && (h("div", { key: '8063a0e619af1958afc99e4a9aa8bdfeb3f3f896', class: "loading-wrapper" }, h("zonos-spinner", { key: '28d4219090e3c9cb0c8a48fa369ace28f74aa938' }))), !this.isLoading && (h("div", { key: '094b79103e3a26e57c0d81a1153682649dce693e', class: "zonos--finish-details" }, h("div", { key: 'c3a6fe214d5ac5cd58ec533c75e146e573b5da25', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'c9e1b5c7ed5be8b6adbd00e5b3896e023271976e', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), orderId && (h("div", { key: '8f32ef78f8e584e43988a12bc94f0d52c0348eba', class: "zonos--order-number" }, "Order #", orderId)), h("zonos-text", { key: 'b9aebf9fdfc17d141367deb110440272fed7a6d9', textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), h("zonos-button", { key: '25fb15e1e2fb08e2911c787060215f8e1d7c33c6', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText)), isTestMode && cartStore.step === 'finish' && (h("div", { key: 'd39ae7b5a0889278e0f6a3594ad69dfa0de2159a', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: '09e0dfa830577c1eec035f34342528a73bffe944', backgroundColor: "gray-0", buttonColor: "gray-1200", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'eedb6a440713fe5f14a05a747284a2703af1a639', onClick: () => this.redirectToUrl(`/orders/all`), size: "lg", variant: "primary" }, "View order in Dashboard")))))));
     }
     static get is() { return "zonos-checkout-finish"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-checkout-payment.js

@@ -1,6 +1,6 @@
 import { h, Host, } from "@stencil/core";
 import { cartStore } from "../../../store/checkout/cart";
-import { paypalStore, paypalStoreHasPaypalEnabled, } from "../../../store/checkout/paypal";
+import { paypalStore } from "../../../store/checkout/paypal";
 import { stripeStore } from "../../../store/checkout/stripe";
 import { translate } from "../../../store/translationStore";
 import { getIsTestMode } from "../../../utils/checkout/getIsTestMode";
@@ -51,12 +51,8 @@ export class ZonosCheckoutPayment {
             this.showErrorBanner = !this.handleValidate();
         }
         const isTestMode = getIsTestMode();
-        const hasPaypalEnabled = paypalStoreHasPaypalEnabled();
         const isPaypalTabSelected = ((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.value.type) === 'external_paypal';
         return (h(Host, { class: "zonos--checkout-payment zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Payment method')), this.showErrorBanner && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('Missing required fields. Make sure all fields are completed.'))), stripeStore.hasPaymentError && (h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypalStore.paypalErrorMessage && (h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypalStore.paypalErrorMessage)), h("zonos-payment", null), h("div", { class: "zonos--group-btn" }, !isPaypalTabSelected && (h("zonos-button", { backgroundColor: this.submitBtnColor, loading: this.continueLoading, onClick: () => {
-                if (!hasPaypalEnabled) {
-                    return;
-                }
                 this.continueClickHandler();
             }, size: "lg",
             // use primary type when on mobile mode

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js

@@ -15,6 +15,7 @@ import { watchBigcommerceDomesticCheckout } from "../../utils/checkout/watchBigc
 import { classes } from "../../utils/classes";
 import { createCustomEvent } from "../../utils/createCustomEvent";
 import { getBorderRadius } from "../../utils/getBorderRadius";
+import { getZCountryUrlParam } from "../../utils/hello/getZCountryUrlParam";
 import { isDarkColor } from "../../utils/isDarkColor";
 import { allLogs, log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
@@ -23,7 +24,7 @@ import { mergeConfig } from "../../utils/mergeConfig";
 import { submitGtag } from "../../utils/submitGtag";
 import { setupCartData } from "../../../scripts/cart/_setupCartData";
 import { checkoutHiddenBtnSelector, domesticRedirectedBtnSelector, } from "../../../types/checkout/CheckoutConfig";
-/** These assets neet to be in relative path as https://www.npmjs.com/package/stencil-inline-svg suggested */
+/** These assets need to be in relative path as https://www.npmjs.com/package/stencil-inline-svg suggested */
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import MessageIcon from "./assets/MessageIcon.svg";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
@@ -281,18 +282,25 @@ export class ZonosCheckout {
      */
     useLegacyQueryParams() {
         const urlParams = new URLSearchParams(window.location.search);
+        const getParam = (param) => {
+            const value = urlParams.get(param);
+            if (!value || value === 'undefined') {
+                return null;
+            }
+            return value;
+        };
         const legacyShippingInfo = {
             country: 
             // fallback to selected country code if country is not provided
-            urlParams.get('country') || localizationStore.selectedCountryCode,
-            customerAddress1: urlParams.get('customerAddress1'),
-            customerAddress2: urlParams.get('customerAddress2'),
-            customerCity: urlParams.get('customerCity'),
-            customerEmail: urlParams.get('customerEmail'),
-            customerName: urlParams.get('customerName'),
-            customerPhone: urlParams.get('customerPhone'),
-            customerState: urlParams.get('customerState'),
-            customerZip: urlParams.get('customerZip'),
+            getZCountryUrlParam(urlParams) || localizationStore.selectedCountryCode,
+            customerAddress1: getParam('customerAddress1'),
+            customerAddress2: getParam('customerAddress2'),
+            customerCity: getParam('customerCity'),
+            customerEmail: getParam('customerEmail'),
+            customerName: getParam('customerName'),
+            customerPhone: getParam('customerPhone'),
+            customerState: getParam('customerState'),
+            customerZip: getParam('customerZip'),
         };
         // if one of the value is null, no need to preset the default address
         if (!legacyShippingInfo.customerAddress1 ||

package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js

@@ -118,7 +118,7 @@ export class ZonosShipping {
             ...this.serviceLevelsDAP,
             ...this.serviceLevelsOther,
         ];
-        const selectedServiceLevel = allServiceLevels.find(item => { var _a; return item.value === ((_a = cartStore.selectedShippingOption) === null || _a === void 0 ? void 0 : _a.id); }) || null;
+        const selectedServiceLevel = allServiceLevels.find(item => { var _a; return item.shipmentRatingId === ((_a = cartStore.selectedShippingOption) === null || _a === void 0 ? void 0 : _a.id); }) || null;
         if (selectedServiceLevel) {
             // keep the selected shipping method
             this.selectedShippingMethod = selectedServiceLevel;
@@ -146,13 +146,13 @@ export class ZonosShipping {
         if (this.showErrorBanner) {
             this.showErrorBanner = !this.handleValidate();
         }
-        return (h(Host, { key: 'e376545666893a373bca1591083a868892804fb1', class: "zonos--shipping zonos--elements" }, h("div", { key: 'f8901d3d8fbeb6a285a7a33b9cea940476413c68', class: "zonos--group" }, h("zonos-text", { key: '83e02010c5e11647064ebf28468def163dd3395a', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!allServiceLevels.length && (h("zonos-banner", { key: 'e65f0ce2e968612bd7c1efeca8309e69a03a8c65', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'cdae794614c6879477e96de435d5c4e59f469fe9', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !allServiceLevels.length ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
+        return (h(Host, { key: '9c866cd1545c3a695b449113a8dbe40560e5fe26', class: "zonos--shipping zonos--elements" }, h("div", { key: '7d683e7d7b2c3e25758240ac2299eac06b7f4a51', class: "zonos--group" }, h("zonos-text", { key: '5710e5185b2628e7793e59251073fdd8cb8cfd2e', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!allServiceLevels.length && (h("zonos-banner", { key: 'afdd98898cb3305d90bfe06832a0b9f672183b47', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: '07543d3f7aec9494311d3cdb38306661d5789f4a', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !allServiceLevels.length ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
             !!this.serviceLevelsDAP.length && (h("button", { class: classes([
                 'zonos--shipping-options-collapse-trigger',
                 this.collapsedDAPOptions && 'collapsed',
             ]), onClick: () => {
                 this.collapsedDAPOptions = !this.collapsedDAPOptions;
-            } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '2dded1f7168a16ed6432ea0b147b8ec78fd774a6', class: "zonos--group-btn" }, h("zonos-button", { key: '54c05db9336209c34a7c7c518bbdf859e97b51f1', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
+            } }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '7dc61c1435b40731463279f5824b60cf67e1470d', class: "zonos--group-btn" }, h("zonos-button", { key: 'eea4d432ad5cfb7001fcd0c7b795b2ee3ebbbac5', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
             // use primary type when on mobile mode
             variant: this.submitBtnType }, translate('Go to payment'))))));
     }